 <div class="col-lg-3" >
            <div class="btn btn-primary btn-block margin-bottom"><h2 class="panel-title" style="font-size: 22px">主机组</h2></div>

            <div class="box box-solid collapsed-box" style="margin-bottom:10px">

                <div class="box-header with-border"  style="background-color: #ecf0f5;" >

                    <button type="button"  style="padding: 2px 6px" class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></button>
                    <h4 class="box-title" >全部主机</h4>
                    <small class="label pull-right bg-blue" style="margin-right: 8%">共[{{request.user.bind_hosts.select_related.count }}]台</small>
                    <small class="label pull-right bg-green" id="selected_host_count" style="margin-right: 4%" >0</small>
                    <small class="label pull-right bg-green"  >已选</small>
                    <div class="box-tools">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i>
                        </button>
                    </div>
                </div>

                <div class="box-body no-padding" style="display: none;">
                  <ul class="nav nav-pills nav-stacked">
                    {% for bind_host in request.user.bind_hosts.all %}
                        <li  >
                             <div onclick="AddCounter(this)" class="checkbox icheck" >
                                <label style="font-size: 16px;padding-left:2.5%" >
                                  <input type="checkbox"  id="host_{{ bind_host.id }}" > {{ forloop.counter }}、{{ bind_host.remote_user}}@{{ bind_host.host.manage_ip}}
                                </label>
                              </div>
                        </li>
                    {% endfor %}
                  </ul>
                </div>

            </div>

            {% for group in request.user.host_groups.select_related  %}
                <div class="box box-solid collapsed-box" style="margin-bottom:10px" >
                    <div class="box-header with-border"  style="background-color: #ecf0f5" >
                        <button type="button"  style="padding: 2px 6px" class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></button>
                        <h4 class="box-title"  >{{ group }}</h4>
                        <small class="label pull-right bg-blue"  style="margin-right: 7%">共[{{ group.bind_hosts.select_related.count }}]台</small>

                        <small class="label pull-right bg-green" id="selected_host_count" style="margin-right: 4%">0</small>
                        <small class="label pull-right bg-green" >已选</small>
                      <div class="box-tools">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i>
                        </button>
                      </div>

                    </div>


                    <div class="box-body no-padding" style="display: none;">
                        <ul class="nav nav-pills nav-stacked">
                            {% for bind_host in group.bind_hosts.select_related %}
                                <li>
                                     <div class="checkbox icheck">
{#                                         id="obj_checkbox"#}
                                        <label style="font-size: 16px;padding-left:2.5%" >
                                          <input onclick="AddCounter(this)" id="host_{{ bind_host.id }}" type="checkbox"> {{ forloop.counter }}、{{ bind_host.remote_user}}@{{ bind_host.host.manage_ip}}
                                        </label>
                                      </div>
                                </li>
                            {% endfor %}
                        </ul>
                    </div>
                </div>
            {% endfor %}


        </div>